<template>

  <div class="header">
    <el-form :inline="true" :model="formInline" class="demo-form-inline">
      <el-form-item label="商品类型搜索">
        <el-input v-model="formInline.type" placeholder="请输入"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" @click="search">搜索</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  name: 'Dkd3Header',

  data () {
    return {
      formInline: {
        type: ''
      }
    }
  },

  mounted () {},

  methods: {
    onSubmit () {
      console.log('submit!')
    },
    search () {
      this.$emit('searchFn')
    }
  }
}
</script>

<style lang="less" scoped>
.header {
  padding-left: 10px;
  background-color: #fff;
  height: 60px;
  // line-height: 60px;
  /deep/.el-form{
    text-align: left;
    .el-form-item{
      line-height: 60px;
      margin-bottom:0px;
      .el-form-item__content{
        line-height: 60px!important;
        .el-input{
          height: 36px;
        }
        .el-button{
          height: 36px;
          width: 80px;
          padding: 0;
          line-height: 36px;
        }
      }
    }
  }
}
</style>
